$(function() {
    // 需求1：点击a连接，显示和隐藏盒子;
    $("#loginBox a").on('click', function() {
        // 第一个a连接被点击了，隐藏第一个显示第二个;
        $("#loginBox").hide();
        $("#regBox").show();
    });
    $("#regBox a").on('click', function() {
        // 点击第二个a连接，显示第一个隐藏第二个;
        $("#loginBox").show();
        $("#regBox").hide();
    });


    // 需求:注册功能:
    let layer = layui.layer
    $('#formReg').on('submit', function(e) {
        // 阻止表单默认提交
        e.preventDefault();
        // 发送axios
        axios({
            method: 'POST',
            url: 'http://api-breakingnews-web.itheima.net/api/reguser',
            data: $('#formReg').serialize(),
        }).then(res => {
            // console.log(res.data);
            // 判断返回数据是否正确
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            }
            // 成功后,提示,
            // alert('恭喜您,注册用户成功!')
            layer.msg('恭喜您,注册用户成功!');
            // 切换到登录模块
            $('#regBox a').click();
            // 清空表单 - DOM元素中,有一个reset() 可以重置表单
            $('#formReg')[0].reset();
        });

    });

    // 需求4:登录功能
    $('#formLogin').on('submit', function(e) {
        e.preventDefault();
        axios({
            method: 'POST',
            url: 'http://api-breakingnews-web.itheima.net/api/login',
            data: $(this).serialize()
        }).then(res => {
            //console.log(res.data);
            // 判断
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            }
            //成功,提示,储存token
            layer.msg('恭喜您,登录成功!');
            localStorage.setItem('token', res.data.token);
            // 页面跳转到 index.html
            localStorage.href = '/index.html';
        })
    })

});